<template>
  <div class="ui_details">

    <van-nav-bar title="收支详情">
      <van-icon name="arrow-left" slot="left" color="#333" @click="back"></van-icon>
    </van-nav-bar>
    <!-- <div class="success_empty"></div> -->
    <ul>
      <li>
        <div class="serial_one">流水号</div>
        <div class="serial_two">2018061212121234</div>
      </li>
      <li>
        <div class="serial_one">订单号</div>
        <div class="serial_two">2018061212121234</div>
      </li>
      <li>
        <div class="serial_one">类型</div>
        <div class="serial_two">订单收入</div>
      </li>
      <li>
        <div class="serial_one">金额</div>
        <div class="serial_two">+18.8元</div>
      </li>
      <li>
        <div class="serial_one">时间</div>
        <div class="serial_two">2018.08.08 12:12</div>
      </li>
      <li>
        <div class="serial_one">备注</div>
        <div class="serial_two">xxx活动</div>
      </li>
    </ul>
  </div>
</template>
<script>
  export default {
    name: 'Details',
    methods: {
      back() {
        this.$router.go(-1);
      },
    }
  };
</script>
<style lang="less" soped>
  .ui_details {
    // .success_empty {
    //   width: 750px;
    //   height: 30px;
    // }
    ul {
      height: 365px;
      width: 750px;
      background-color: #fff;
      margin-top: 30px;
      li {
        display: block;
        margin-top: 20px;
        padding-top: 30px;
        height: 34px;
        font-size: 28px;
        .serial_one {

          width: 380px;
          height: 34px;
          float: left;
          margin-left: 30px;
          color: #999999;
          //  border: 1px solid #000;
        }
        .serial_two {
          width: 310px;
          height: 34px;
          float: right;
          text-align: right;
          //   border: 1px solid #000;
          margin-right: 30px;
        }
      }
    }
  }
</style>

